<div id="slideshow" class="main">
    <section id="main-slider">
        <div id="book">
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/6.jpg"></img> </div>
            <div> <img src="<?= base_url();?>public/images/5.jpg"></img> </div>
        </div>
        <nav class="bb-custom-nav"> <a href="#" id="bb-nav-prev" class="left-arrow">Previous</a> <a href="#" id="bb-nav-next" class="right-arrow">Next</a> </nav>				
</div>
<!-- end div slideshow-->
